{% extends "base.html" %}
{% block title %}学生还书{% endblock %}

{% block card %}<div class="layui-card-header"><h2>学生还书</h2></div>{% endblock %}
{% block body %}
    <form class="layui-form" method="post" id="searchForm">
{#    <!--{{ form.csrf_token }}-->#}
        <div class="layui-form-item">
            <div class="layui-inline">
                <label style="font-size: medium;width: 150px;" class="layui-form-label">学生借阅卡号码：</label>
                <div class="layui-input-inline">
{#                    {{ form.card(class="layui-input", id="card") }}#}
                </div>
                <div class="layui-input-inline"></div>
            </div>
        </div>
    </form>
    <div id="remove">
    <table lay-even id="result" lay-filter="re">
      <thead>
        <tr>
          <th lay-data="{field:'barcode', width:160}">图书编号</th>
          <th lay-data="{field:'isbn', width:180}">ISBN</th>
          <th lay-data="{field:'book_name', width:240}">书名</th>
          <th lay-data="{field:'start_date', width:180}">起始日期</th>
          <th lay-data="{field:'due_date', width:180}">应还日期</th>
          <th >操作</th>
        </tr>
      </thead>
      <tbody>

      </tbody>
    </table>
    </div>
    <table id="test" lay-filter="test"></table>

{% endblock %}

{#{% block script %}#}
{#    <script>#}
{#    layui.use(['form','table','jquery'], function(){#}
{#        var form = layui.form;#}
{#        var table = layui.table;#}
{#        var $ = layui.$;#}
{##}
{#        table.init('re', {#}
{#              height: 390#}
{#              ,limit: 7#}
{#              ,page: true#}
{#        });#}
{#        table.on('tool(test)', function(obj){ //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"#}
{#          var data = obj.data; //获得当前行数据#}
{#          var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）#}
{#          //var tr = obj.tr; //获得当前行 tr 的DOM对象#}
{#            console.log(obj);#}
{#          if(layEvent === 'return'){#}
{#            layer.confirm('确认归还吗？', function(index){#}
{##}
{#                table.reload('test', {#}
{#                  url: '{{ url_for('bookin') }}',#}
{#                  where: {#}
{#                      'barcode': data.barcode,#}
{#                      'card': $('#card').val(),#}
{#                  }#}
{#                });#}
{#                layer.close(index);#}
{#            });#}
{#          }#}
{#        });#}
{##}
{#        $(document).ready(function(){#}
{#            $('#search').on('click',function () {#}
{#                var form = new FormData(document.getElementById("searchForm"));#}
{#                if($('#card').val() === "" || $('#book_name').val() === ""){#}
{#                    layui.use('layer', function(){#}
{#                        var layer = layui.layer;#}
{##}
{#                        layer.msg('请填写查询内容',{time: 800});#}
{#                    });#}
{#                }#}
{#                else{#}
{#                    $.ajax({#}
{#                        url:"{{ url_for('find_not_return_book') }}",#}
{#                        type:"post",#}
{#                        data:form,#}
{#                        processData:false,#}
{#                        contentType:false,#}
{#                        success:function(data){#}
{#                            if(data.length !== 0){#}
{#                                if(data[0].stu === 0){#}
{#                                    layui.use('layer', function(){#}
{#                                    var layer = layui.layer;#}
{##}
{#                                    layer.msg('请输入正确卡号！',{time: 1000});#}
{#                                    });#}
{#                                }#}
{#                                else if(data[0].stu === 1){#}
{#                                    layui.use('layer', function(){#}
{#                                    var layer = layui.layer;#}
{##}
{#                                    layer.msg('该借阅卡已欠费！',{time: 1000});#}
{#                                    });#}
{#                                }#}
{#                                else if(data[0].stu === 2){#}
{#                                    layui.use('layer', function(){#}
{#                                    var layer = layui.layer;#}
{##}
{#                                    layer.msg('该借阅卡已到期！',{time: 1000});#}
{#                                    });#}
{#                                }#}
{#                                else if(data[0].stu === 3){#}
{#                                    layui.use('layer', function(){#}
{#                                    var layer = layui.layer;#}
{##}
{#                                    layer.msg('该借阅卡已挂失！',{time: 1000});#}
{#                                    });#}
{#                                }#}
{#                                else{#}
{#                                    $('#remove').remove();#}
{#                                    table.render({#}
{#                                        elem: '#test'#}
{#                                        ,data:data#}
{#                                        ,cols: [[#}
{#                                            {field:'barcode', title:'图书编号', width:160}#}
{#                                            ,{field:'isbn', title:'ISBN', width:180}#}
{#                                            ,{field:'book_name', title:'书名', width:240}#}
{#                                            ,{field:'start_date', title:'起始日期', width:180}#}
{#                                            ,{field:'due_date', title:'应还日期', width:180}#}
{#                                            ,{title:'操作', fixed: 'right', align:'center', toolbar: '#barDemo'}#}
{#                                        ]]#}
{#                                        ,page: true#}
{#                                        ,height: 380#}
{#                                        ,limit: 7#}
{#                                        ,response: {#}
{#                                            statusCode: 200#}
{#                                        }#}
{#                                        ,parseData: function(data){#}
{#                                            return {#}
{#                                                "code": 200,#}
{#                                                "msg": data.message,#}
{#                                                "count": data.length,#}
{#                                                "data": data#}
{#                                            };#}
{#                                        }#}
{#                                    });#}
{#                                }#}
{#                            }#}
{#                            else {#}
{#                                layui.use('layer', function(){#}
{#                                var layer = layui.layer;#}
{##}
{#                                layer.msg('该学生没有未归还的图书！',{time: 2000});#}
{#                                });#}
{#                                data=[];#}
{#                                table.render({#}
{#                                    elem: '#test'#}
{#                                    ,data:data#}
{#                                    ,cols: [[#}
{#                                        {field:'barcode', title:'图书编号', width:160}#}
{#                                        ,{field:'isbn', title:'ISBN', width:180}#}
{#                                        ,{field:'book_name', title:'书名', width:240}#}
{#                                        ,{field:'author', title:'作者', width:140}#}
{#                                        ,{field:'press', title:'出版社', width:200}#}
{#                                        ,{title:'操作', fixed: 'right', align:'center', toolbar: '#barDemo'}#}
{#                                    ]]#}
{#                                    ,page: true#}
{#                                    ,height: 380#}
{#                                    ,limit: 7#}
{#                                    ,response: {#}
{#                                        statusCode: 200#}
{#                                    }#}
{#                                    ,parseData: function(data){#}
{#                                        return {#}
{#                                            "code": 200,#}
{#                                            "msg": data.message,#}
{#                                            "count": data.length,#}
{#                                            "data": data#}
{#                                        };#}
{#                                    }#}
{#                                });#}
{#                            }#}
{#                        }#}
{#                    });#}
{##}
{#                }#}
{#                return false;#}
{#            });#}
{#        });#}
{#    });#}
{#    </script>#}
{#    <script type="text/html" id="barDemo">#}
{#      <a class="layui-btn layui-btn-sm" lay-event="return">归还</a>#}
{#    </script>#}
{#{% endblock %}#}

